<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>会员管理V6.0后台登录</title>
    <link href="/static/common/css/default.css" th:href="@{/common/css/default.css}" rel="stylesheet" type="text/css" />
	<!--必要样式-->
    <link href="/static/common/css/styles.css" th:href="@{/common/css/styles.css}" rel="stylesheet" type="text/css" />
    <link href="/static/common/css/demo.css" th:href="@{/common/css/demo.css}" rel="stylesheet" type="text/css" />
    <link href="/static/common/css/loaders.css" th:href="@{/common/css/loaders.css}" rel="stylesheet" type="text/css" />
	<script>
        var ctx = '[[@{/}]]';
	</script>
</head>
<body>
	<div class='login'>
	  <div class='login_title'>
	    <span>会员管理V6.0</span>
	  </div>
	  <div class='login_fields'>
	    <div class='login_fields__user'>
	      <div class='icon'>
	        <img alt="" src='/static/common/img/user_icon_copy.png' th:src="@{/common/img/user_icon_copy.png}">
	      </div>
	      <input name="login" placeholder='管理员账号' maxlength="16" type='text' autocomplete="off"/>
	        <div class='validation'>
	          <img alt="" src='/static/common/img/tick.png' th:src="@{/common/img/tick.png}">
	        </div>
	    </div>
	    <div class='login_fields__password'>
	      <div class='icon'>
	        <img alt="" src='/static/common/img/lock_icon_copy.png' th:src="@{/common/img/lock_icon_copy.png}">
	      </div>
	      <input name="pwd" placeholder='密码' maxlength="16" type='password' autocomplete="off"/>
	      <div class='validation'>
	        <img alt="" src='/static/common/img/tick.png' th:src="@{/common/img/tick.png}">
	      </div>
	    </div>
	    <div class='login_fields__password'>
	      <div class='icon'>
	        <img alt="" src='/static/common/img/key.png' th:src="@{/common/img/key.png}">
	      </div>
	      <input name="code" placeholder='验证码' maxlength="4" type='text' autocomplete="off">
	      <div class='validation' style="opacity: 1; right: -5px;top: -3px;">
          <canvas class="J_codeimg" id="myCanvas" onclick="Code();">对不起，您的浏览器不支持canvas，请下载最新版浏览器!</canvas>
	      </div>
	    </div>
	    <div class='login_fields__submit'>
	      <input type='button' value='登录'>
	    </div>
	  </div>
	  <div class='success'>
	  </div>
	  <div class='disclaimer'>
	    <p>欢迎登陆后台管理系统</p>
	  </div>
	</div>
	<div class='authent'>
	  <div class="loader" style="height: 44px;width: 44px;margin-left: 28px;">
        <div class="loader-inner ball-clip-rotate-multiple">
            <div></div>
            <div></div>
            <div></div>
        </div>
        </div>
	  <p>认证中...</p>
	</div>
	<div class="OverWindows"></div>
    <link href="/static/common/js/layui/css/layui.css" th:href="@{/common/js/layui/css/layui.css}" rel="stylesheet" type="text/css" />
	<script src="/static/common/js/login/jquery-2.1.1.min.js" th:src="@{/common/js/login/jquery-2.1.1.min.js}"></script>
	<script type="text/javascript" src="/static/common/js/login/jquery-ui.min.js" th:src="@{/common/js/login/jquery-ui.min.js}"></script>
	<script type="text/javascript" src='/static/common/js/login/stopExecutionOnTimeout.js?t=1' th:src="@{common/js/login/stopExecutionOnTimeout.js?t=1}"></script>
    <script src="/static/common/js/layui/layui.js" type="text/javascript" th:src="@{/common/js/layui/layui.js}"></script>
    <script src="/static/common/js/login/Particleground.js" type="text/javascript" th:src="@{/common/js/login/Particleground.js}"></script>
    <script src="/static/common/js/login/Treatment.js" type="text/javascript" th:src="@{/common/js/login/Treatment.js}"></script>
    <script src="/static/common/js/login/jquery.mockjax.js" type="text/javascript" th:src="@{/common/js/login/jquery.mockjax.js}"></script>
	<script src="/static/common/js/login/login.js" type="text/javascript" th:src="@{/common/js/login/login.js}"></script>
	<script type="text/javascript">

    </script>
</body>
</html>
